<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>head</title>
</head>
<body>
<!--引用头文件-->
<div th:replace="~{head :: h}"></div>

<!--text 和utext都会覆盖原先的标签体内容，哪怕为null或""-->
<h1><span th:text="${username}">这是标签体</span></h1>
<h1><span th:utext="${username}">这是标签体</span></h1>

<!--当然™的区别是utext可以识别解析html格式的文本，text只会当成纯文本-->
<h2 th:text="${htmlCode}"></h2>
<h2 th:utext="${htmlCode}"></h2>

    <!--th后面可以跟任何html标签属性,并且覆盖他的值-->
<a th:href="${url}" href="http://localhost:8080">link</a>
<!--attr表示对多个html属性赋值,用逗号分隔，整体用""括起来, text生效-->
<a th:attr="href=${url}, style=${styles}" href="http://localhost:8080" style="color: blue">link</a>

<br>
<!--th后面也可以加点命令，如if，表示条件为true就显示-->
<img src="/springboot/doll.png" style="zoom:50%" th:if="${display}">
<!--注意到上面的url项目名是写死的，我们可以使用@{}来动态获取项目名
    ${} 表示取值
    他可以动态为内容的url添加项目名-->
<img th:src="@{${imgUrl}}" style="zoom:50%" th:if="${display}">

<!--使用内置工具，类似库函数-->
<h3 th:text="${#strings.toUpperCase(username)}"></h3>

<!--thymeleaf也支持运算符和字符串拼接, 注意不能为null-->
<p th:if="${#strings.isEmpty(username) or not #strings.length(username) == 6}" th:text="${username}"></p>
<!--三目运算符-->
<p th:text="${gender}==1 ? '男' : '女'"></p>
<p th:text="'姓名：' + ${username}  + ', 性别：' + ${gender}"></p>
<!--另一种字符串拼接的方式-->
<p th:text="|姓名 ${username}, 性别 ${gender}|"></p>

<!--引用尾文件-->
<div th:replace="~{foot :: f}"></div>
</body>
</html>